<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>M2-news_intro2</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-touch-fullscreen" content="yes">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/index-shouye.css">
    <link rel="stylesheet" href="../css/public-students.css">
    <script src="../common/jquery-1.10.2.min.js"></script>
    <script src="../common/common.js"></script>
</head>
<body>
<div class="index-nav">
    <div class="index-examination news_intro_top">
        <ul>
            <li>
                <div class="index-examination-chl">
                    <span class="examination-color-fs">校服申请</span> <br>
                    <span class="examination-color-el">2018-03-19</span>
                </div>
            </li>
        </ul>
    </div>
    <div class="news_con news_intro1_con">
        <div class="index-x-news">
            <p class="xf_txt">班级校服申请通知，根据自身需求选择对应的大小</p>
            <span class="xf_sele">请选择</span>
            <div class="sele_line">
                <ul class="xf_list">
                    <!--  <em class="sele_cur"></em> 此类做为选中状态 -->
                    <li><div class="click_box"><em></em>S</div></li>
                    <li><div class="click_box"><em></em>M</div></li>
                    <li><div class="click_box"><em></em>L</div></li>
                    <li><div class="click_box"><em></em>XL</div></li>
                </ul>
                <span class="sele_btn">确认</span>
            </div>
            <span class="anwers_span">S</span>
        </div>
    </div>
</div>

<script type="text/javascript">
$(function(){
    $('body').on('click','.xf_list .click_box',function(){
        $(this).find('em').addClass('sele_cur').parents('.xf_list li').siblings().find('em').removeClass('sele_cur');
    })

   /*var windowHeight =window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
   var newIntro1Height = $('.news_intro_top').outerHeight()

   console.log(windowHeight)
   $('.index-x-news').height(windowHeight/100 - newIntro1Height/100 +'rem');*/
})
</script>
</body>
</html>
